<template>
  <div id='app'>
    <router-view class='router-view' img-set="static/favicon.ico"></router-view>
  </div>
</template>

<script>
// import router from './router'
// import Home from './views/Home'
export default {
  name: 'app',
  components: {
  },
  data() {
    return {}
  },
  watch: {
    '$route'(to, from) {},
  },
  computed: {},
  created() {
    // set language
    // this.$i18n.locale = this.language
  },
  mounted() {},
  methods: {
    changeSubItem(item) {
      this.$Helper.jumpPage(item, this)
    },
  },
}
</script>

<style lang="less">
// @import url('./theme/mescroll.min.css');
@import url('./theme/index.less');
@import url('./theme/base.less');

@font-face {
  font-family: 'iconfont';  /* project id 580313 */
  src: url('//at.alicdn.com/t/font_580313_glurjf1qvin.eot');
  src: url('//at.alicdn.com/t/font_580313_glurjf1qvin.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_580313_glurjf1qvin.woff') format('woff'),
  url('//at.alicdn.com/t/font_580313_glurjf1qvin.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_580313_glurjf1qvin.svg#iconfont') format('svg');
}

.iconfont{
  font-family:"iconfont" !important;
  font-size:16px;font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
  color: @icon-color;
  font-size: 4vw;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#app {
  color: #333;
  position: relative;
  overflow: hidden;
}

.router-view {
  transition: all 0.4s cubic-bezier(.55, 0, .1, 1);
}

</style>
